<!DOCTYPE html>
<html>

<head>
    <title>年会抽奖</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
</head>

<body id="body">
    <script src="./lib/three.min.js"></script>
    <script src="./lib/tween.min.js"></script>
    <script src="./lib/TrackballControls.js"></script>
    <script src="./lib/CSS3DRenderer.js"></script>
    <script src="./lib/ajax.js"></script>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>

    <div class="music">
        <audio id="music" class="music-item" loop></audio>
        <div id="musicBox" class="music-box" title="播放/暂停背景音乐"></div>
    </div>
    <div class="main-page">
        <div id="prizeBar"></div>
        <div id="container"></div>
        <div id="menu">
            <button id="enter" class="hidden">开始抽奖</button>
            <button id="lottery" class="hidden">开始抽奖</button>
            <div id="operate" class="hidden">
                <button id="awards">颁奖模式</button>
                <button id="next">下一轮</button>
            </div>
        </div>
    </div>
    <!--扫码页面-->
    <div class="code-main">
        <img src="./img/code.png" class="code-img">
        <span>微信扫描二维码参与活动</span>
        <button id="toggle-main-page">立即进入</button>
    </div>
    <!-- 气泡 -->
    <div class="qipao-container"></div>
</body>

</html>